


function Celsius(props){
    const handleChange = (e)=>{
        props.handleCelsius(e.target.value)
    }
    return(
        <fieldset>
            
            <legend>
                Enter temperature in Celsius:
            </legend>
            {props.header}
            <input type="text" value={props.celsius} onChange={handleChange}/>
            {props.footer}
        </fieldset>
    )
}
export default Celsius;